<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<%@ page language="java" pageEncoding="UTF-8"%>
		<%@ page contentType="text/html;charset=UTF-8"%>
			<%@ taglib prefix="s" uri="/struts-tags" %>
				<%@ taglib prefix="sec"
				uri="http://www.springframework.org/security/tags"%>
					<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
					<!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
					<title>枝江市农村供水工程信息化平台</title>
					<!-- BOOTSTRAP CORE STYLE  -->
					<link href="../assets/css/bootstrap.css" rel="stylesheet" />
					<!-- FONT AWESOME ICONS  -->
					<link href="../assets/css/font-awesome.css" rel="stylesheet" />
					<!-- CUSTOM STYLE  -->
					<link href="../assets/css/style.css" rel="stylesheet" />
					<!-- HTML5 Shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
					<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
					<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

					<!-- 树形菜单样式 -->
					<link rel="stylesheet" href="../css/accordionMenu/style.css" type="text/css" />
					<link rel="stylesheet" href="../css/font-awesome.min.css" type="text/css" />
					<link href="../css/bootstraptable/bootstrap-table.css" rel="stylesheet" />

					<!-- js  -->
					<!-- CONTENT-WRAPPER SECTION END-->
					<!-- FOOTER SECTION END-->
					<!-- JAVASCRIPT AT THE BOTTOM TO REDUCE THE LOADING TIME  -->
					<!-- CORE JQUERY SCRIPTS -->
					<script src="../assets/js/jquery-1.11.1.js"></script>
					<!-- BOOTSTRAP SCRIPTS  -->
					<script src="../assets/js/bootstrap.js"></script>
					<script type="text/javascript" src="../js/plugins/bootstraptable/bootstrap-table.js"></script>
					<script type="text/javascript" src="../js/validation/jquery.validate.min.js"></script>
					<script type="text/javascript" src="../js/validation/additional-methods.min.js"></script>
					<script src="../js/pipeline/pipeline.js"></script>
					<script src="../js/systemManage/init.js"></script>

					<script src="../js/index.js"></script>
					<script src="../js/systemManage/addUser.js"></script>

</head>

<body>

	<div class="navbar navbar-inverse set-radius-zero">
		<div class="container">
			<div class="navbar-header">
				<%--   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">

                    <img src="../assets/img/logo.png" />
                </a> --%>

			</div>

			<div class="left-div">
				<div class="user-settings-wrapper">
					<ul class="nav">

						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
								<span class="glyphicon glyphicon-user" style="font-size: 25px;"></span>
							</a>
							<div class="dropdown-menu dropdown-settings">
								<div class="media">
									<a class="media-left" href="#">
										<img src="../assets/img/64-64.jpg" alt="" class="img-rounded" />
									</a>
									<div class="media-body">
										<h4 class="media-heading"><s:property value="waterUser.username" /> </h4>
										<h5>用户</h5>

									</div>
								</div>
								<hr />
								<h5><strong>权限: </strong>管理员</h5>

								<hr />
								<a href="../User/UserInfoAction" class="btn btn-info btn-sm">用户信息</a>&nbsp;
								<a href="${pageContext.request.contextPath}/logout" class="btn btn-danger btn-sm">登出</a>

							</div>
						</li>


					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- LOGO HEADER END-->
	<section class="menu-section">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="navbar-collapse collapse ">
						<ul id="menu-top" class="nav navbar-nav navbar-right">
							<li><a href="../WaterWorksInit">管网分布</a></li>
							<li><a href="../MonitorData/GetAllWaterPlant.action">运行监测</a></li>
							<li><a href="table.html">工艺过程</a></li>
							<li><a href="forms.html">厂区漫游</a></li>
							<li><a href="../Alert/QueryAlert">预警处置</a></li>
							<li><a href="../SafetyMonitor/SafetyMonitorInit">安全监视</a></li>
							<li><a class="menu-top-active" href="../User/UserInfoAction">系统管理</a></li>

						</ul>
					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- MENU SECTION END-->
	<div class="content-wrapper">
		<div class="container">
			<%-- <s:debug></s:debug> --%>
				<div class="row">
					<div class="col-md-2" id="leftContent">
						<ul id="accordion" class="accordion">
							<li>
								<div class="link">
									<img src="../img/用户.png"> 用户管理
									<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li><a href="../User/UserInfoAction">个人信息</a>
									</li>
									<li><a href="../systemManage/modifyPassword.jsp">修改密码</a>
									</li>
									<li><a href="../systemManage/manageUser.jsp">管理用户</a>
									</li>
									<li><a href="#">新增用户</a>
									</li>
								</ul>
							</li>
							<li>
								<div class="link">
									<img src="../img/视频.png"> 视频配置
									<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li><a href="../systemManage/videocofig.jsp">监测点视频配置</a>
									</li>

								</ul>
							</li>
							<li>
								<div class="link">
									<img src="../img/水厂.png"> 水厂管理
									<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li><a href="../systemManage/addWaterPlant.jsp">水厂管理</a>
									</li>
								</ul>
							</li>

							<li>
								<div class="link">
									<img src="../img/摄像头.png"> 监测点管理
									<i class="fa fa-chevron-down"></i>
								</div>
								<ul class="submenu">
									<li><a href="../systemManage/addStation.jsp">监测点管理</a>
									</li>
								</ul>
							</li>
							<%-- <li>
								<div class="link">
									<i class="fa fa-paint-brush"></i>
									<a href="#" class="waterPlantsLink"><s:property value="#column.key" />	</a>
								</div>
							</li> --%>
						</ul>
					</div>
					<div class="col-md-10" id="rightContent">
						<%-- <a id="leftRetractivLink">
 					<span>
                   	<li class="fa fa-chevron-left">
                   	</li>
                   	<li class="fa fa-chevron-left">
                   	</li>
                   </span>
                   </a> --%>
							<ol class="breadcrumb page-head-line ">
								<li><a href="../index.jsp"><i class="fa fa-dashboard"></i> 首页 </a></li>
								<li class="active">增加用户</li>
							</ol>
							<div style=" padding: 20px;">
								<form class="form-horizontal form-viewport" id="myFrom" method="post">
									<div class="form-group">
										<div class="col-sm-10" style="font-family: verdana, sans-serif;font-size: 28px;font-weight: bold;text-align: center;letter-spacing: 5pt;word-spacing: -1.6pt;line-height: 1.9;">
											<center>
												<p>新增用户</p>
											</center>
										</div>
									</div>


									<div class="form-group">
										<label class="col-sm-2 control-label">真实姓名：</label>
										<div class="col-sm-6">
											<input id="userName" name="userName" type="text" class="form-control" placeHolder="请输入真实姓名(2-4)">
										</div>
										<label class="col-sm-4 control-label control-label-left"></label>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label">用户密码：</label>
										<div class="col-sm-6">
											<input id="userPassword" name="userPassword" type="password" class="form-control" placeHolder="请输入用户密码:不少于3位">
										</div>
										<label class="col-sm-4 control-label control-label-left"></label>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label">用户角色：</label>
										<div class="col-sm-6">
											<select class="form-control" id="roleSelect" name="roleSelect">

												<option value="R0">管理员</option>
												<option value="R1">操作员</option>
												<option value="R2">用户</option>
											</select>
										</div>
										<label class="col-sm-4 control-label control-label-left"></label>
									</div>

									<div class="form-group">
										<label class="col-sm-2 control-label">性&nbsp;&nbsp;别：</label>
										<div class="col-sm-3">
											<div class="radio radio-ex">
												<label>
													<input value="男" type="radio" name="sex">男</label>
											</div>
										</div>
										<div class="col-sm-3">
											<div class="radio radio-ex">
												<label>
													<input value="女" type="radio" name="sex">女
												</label>
											</div>
										</div>
										<label class="col-sm-4 control-label control-label-left"></label>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label">年&nbsp;&nbsp;龄：</label>
										<div class="col-sm-6">
											<input id="age" name="age" type="text" class="form-control" placeHolder="年龄为整数">
										</div>
										<label class="col-sm-4 control-label control-label-left"></label>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label">职&nbsp;&nbsp;称：</label>
										<div class="col-sm-6">
											<input id="position" name="position" type="text" class="form-control" placeHolder="用户职位(1-20)">
										</div>
										<label class="col-sm-4 control-label control-label-left"></label>
									</div>
									<div class="form-group">
										</divPlacePlace <div class="form-group">
										<label class="col-sm-2 control-label">教育级别：</label>
										<div class="col-sm-6">
											<input id="educationLevel" name="educationLevel" type="text" class="form-control" placeHolder="教育级别(1-20)">
										</div>
										<label class="col-sm-4 control-label control-label-left"></label>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label">工作地点：</label>
										<div class="col-sm-6">
											<input id="workingPlace" name="workingPlace" type="text" class="form-control" placeHolder="工作地点(1-20)">
										</div>
										<label class="col-sm-4 control-label control-label-left"></label>
									</div>

									<div class="form-group">
										<div class="col-sm-6 col-sm-offset-2">
											<div class="btn-group btn-group-justified" role="group">
												<div class="btn-group" role="group" style="padding-right:25px;">
													<button type="submit" class="btn btn-default  btn-primary" style="border-radius:6px;background-color:#ffad01" id="submit">确定</button>
												</div>
												<div class="btn-group" role="group" style="padding-left:25px;">
													<button type="reset" class="btn btn-default  btn-primary" style="border-radius:6px;background-color:#ffad01">重置</button>
												</div>
											</div>
										</div>
									</div>
									<div class="form-group">
										<label class="col-sm-offset-2 text-alert" id="validateForm" class="col-sm-12"></label>
									</div>
									<div class="form-group">
										<diV class="col-sm-offset-2 col-sm-6">
											<label class="col-sm-12">
												<c:if test="${not empty error}">
													<font color="red">${error}</font>
												</c:if>
												<c:if test="${not empty success}">
													<font color="green">${success}</font>
												</c:if>
											</label>
										</div>
									</div>
								</form>
							</div>
					</div>
				</div>
		</div>
	</div>

</body>

</html>